@extends('layouts.default')

<section class="banner flex-center">
  <div class="container">
    <div class="container-inner animate__animated" data-animate="animate__zoomIn">
      <section class="title">
        <p><strong><span style="color: #ffffff">专业的技术开发团队</span></strong></p>
      </section>
      <section class="desc">
        <p><span style="color: #ffffff">我们拥有10多年的企业建站、企业CRM、ERP系统开发经验，致力于为国内各类中小型企业提供高质量的、全端（包括网站、小程序、App）支持的网站建设、CRM系统、ERP系统服务</span></p>
      </section>
      <section class="button">
        <a href="/about" target="_blank" rel="noopener">
          了解我们<i class="ri-btn-icon"></i>
        </a>
      </section>
    </div>
  </div>
</section>
<section class="flex-center service">
  <div class="container center">
    <div class="sec-title">
      <div class="sec-title-wrap">
        <h2>我们的服务项目</h2>
        <span>SERVICE</span>           
      </div>
    </div>
    <ul class="service-list">
      <li class="service-item">
        <div class="service-item-wrap animate__animated" data-animate="animate__slideInUp">
          <img class="lazy" data-original="{{ asset('image/website.jpg') }}" alt="网站建设" />
          <h3 class="service-item-title">网站建设</h3>
          <p class="service-item-desc">定制开发属于您自己的公司官网
            或者选择已有模板快速设置您喜欢的风格的官网
            同时我们提供专业的内容运营服务和专业的技术运维服务</p>                    
        </div>
      </li>
      <li class="service-item">
        <div class="service-item-wrap animate__animated" data-animate="animate__slideInUp">
          <img class="lazy" data-original="{{ asset('image/mp.jpg') }}" alt="小程序开发" />
          <h3 class="service-item-title">小程序开发</h3>
          <p class="service-item-desc">专业的小程序界面的设计和开发经验，各种小程序和硬件交互的功能开发</p>                    
        </div>
      </li>
      <li class="service-item">
        <div class="service-item-wrap animate__animated" data-animate="animate__slideInUp">
          <img class="lazy" data-original="{{ asset('image/crm.jpg') }}" alt="CRM\ERP 系统定制" />
          <h3 class="service-item-title">CRM\ERP 系统定制</h3>
          <p class="service-item-desc">经验丰富的客户需求对接，充分满足您的业务需求</p>                    
        </div>
      </li>
      <li class="service-item">
        <div class="service-item-wrap animate__animated" data-animate="animate__slideInUp">
          <img class="lazy" data-original="{{ asset('image/app.jpg') }}" alt="app开发" />
          <h3 class="service-item-title">APP开发</h3>
          <p class="service-item-desc">专业的兼容安卓和ios的各行业的App的开发，满足您的所有对app的基本需求</p>                    
        </div>
      </li>
    </ul>
  </div>
</section>

<section class="flex-center case">
  <div class="container center">
    <div class="sec-title">
      <div class="sec-title-wrap">
        <h2>我们的服务案例</h2>
        <span>CASE</span>           
      </div>
    </div>
    <div id="carousel">
      <div class="swiper swiper-3d animate__animated" data-animate="animate__slideInUp">
        <div class="swiper-wrapper">
          <div class="swiper-slide"><img src="{{ asset('image/hdc.jpg') }}" /><p>蝴蝶彩</p></div>
          <div class="swiper-slide"><img src="{{ asset('image/xsh.jpg') }}" /><p>红柚新生活</p></div>
          <div class="swiper-slide"><img src="{{ asset('image/daosheng.jpg') }}" /><p>道生中医</p></div>
          <div class="swiper-slide"><img src="{{ asset('image/slea.jpg') }}" /><p>上海实验室装备协会</p></div>
          <div class="swiper-slide"><img src="{{ asset('image/dowin.jpg') }}" /><p>嘉兴度为电气</p></div>
          <div class="swiper-slide"><img src="{{ asset('image/cangyi.jpg') }}" /><p>沧贻资产</p></div>
          <div class="swiper-slide"><img src="{{ asset('image/jinshan.jpg') }}" /><p>金山商荟</p></div>
          <div class="swiper-slide"><img src="{{ asset('image/kule.jpg') }}" /><p>酷勒工单</p></div>
          <div class="swiper-slide"><img src="{{ asset('image/hellomac.jpg') }}" /><p>HelloMac</p></div>
        </div>
      </div>
      <div class="swiper-pagination"></div>
      <div class="swiper-button-prev"></div>
      <div class="swiper-button-next"></div>
    </div>
  </div>
</section>

<section class="flex-center choose">
  <div class="container center">
    <div class="sec-title">
      <div class="sec-title-wrap">
        <h3>您的线上技术部</h3>
        <h2>为什么选择我们</h2>
        <span>Choose Us</span>
      </div>
    </div>
    <div class="feature-wrap swiper-3d animate__animated" data-animate="animate__slideInUp">
      <div class="fea-item">
        <i class="fea-icon icon1">
          <img src="{{ asset('image/team.svg') }}" alt="专业的开发团队" /> 
        </i>                                            
        <h4 class="fea-item-title">专业的开发团队</h4>
        <div class="fea-item-desc">
          <p>我们的团队成员均来自于互联网行业，并且有着多年的网站、系统、APP的开发经验， 不断学习、不停进步。</p>
        </div>
      </div>
      <div class="fea-item">
        <i class="fea-icon icon2">
          <img src="{{ asset('image/demand.svg') }}" alt="需求灵活、深度定制" />  
        </i>                                            
        <h4 class="fea-item-title">需求灵活、深度定制</h4>
        <div class="fea-item-desc">
          <p>满足您的私人定制的需求，根据您的业务需求，定制开发符合您需求的软件系统。我们不拒绝您的任何要求。</p>
        </div>
      </div>
      <div class="fea-item">
        <i class="fea-icon icon3">
          <img src="{{ asset('image/price.svg') }}" alt="友好的报价，让您的每一分钱花得超值" /> 
        </i>                                            
        <h4 class="fea-item-title">友好的报价</h4>
        <div class="fea-item-desc">
          <p>我们的报价透明、合理，让您的每一分钱花得超值</p>
        </div>
      </div>
      <div class="fea-item">
        <i class="fea-icon icon1">
          <img src="{{ asset('image/service.svg') }}" alt="优秀的售后服务，长期合作，互惠共赢" /> 
        </i>                                            
        <h4 class="fea-item-title">优秀的售后服务</h4>
        <div class="fea-item-desc">
          <p>优秀的售后服务，长期合作，互惠共赢，为您的业务保驾护航，免除您的后顾之忧。</p>
        </div>
      </div>
    </div>
  </div>
</section>

